<template>
	<view>
		<form>
			<!-- 联系方式 -->
			<view class="Phone">
				<text>联系方式</text>
				<input type="phone" value="" name="phone" />
				<button type="default">发送验证码</button>
			</view>
			<!-- 验证码 -->
			<view class="PIN">
				<text>验证码</text>
				<input type="text" value="" />
			</view>
			<!-- <view class="sub_button">
			<text>提交</text>
		</view> -->
			<button form-type="submit" class="sub_button" @click="toChangePass()">提交</button>
		</form>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toChangePass(){
				uni.navigateTo({
					url:'/pages/user/passwordEdit/index'
				});
			}
		}
	}
</script>

<style>
	@font-face {
		font-family: 'ppf';
		src: url('~@/static/font/pf.ttf');
	}

	* {
		font-family: 'ppf';
	}

	page {
		background-color: #EBEFF6;
	}

	.Phone,
	.PIN {
		height: 42px;
		background-color: #FFFFFF;
		margin-top: 10px;
		padding: 0 0 0 30px;

		color: #565656;
		font-size: 13px;
		font-weight: 600;

		display: flex;
		align-items: center;
		flex-direction: row;
	}

	.Phone text {
		width: 80px;
	}

	.PIN text {
		width: 80px;
	}

	.Phone input {
		color: #565656;
		font-size: 13px;
		font-weight: 600;
	}

	.PIN input {
		color: #565656;
		font-size: 13px;
		font-weight: 600;
	}

	.Phone button {
		font-size: 12px;
		line-height: 28px;
		width: 102px;
		height: 28px;
		background-color: #109EF8;
		border-radius: unset;
		color: #FFFFFF;
		font-weight: 100;
	}

	.sub_button {
		height: 38px;
		width: 90.6%;
		background-color: #109EF8;
		color: #FFFFFF;
		line-height: 38px;
		text-align: center;
		margin: 48px auto 0 auto;
		border-radius: unset;
	}
</style>
